<style>
.container-fiuled{
	padding:10px 10px 10px 10px;
}
.csm-l1left{
	border-right: 1px solid #a1a1a1;
	text-align: center;
}
.csm-l1left h3{
	line-height: 40px;
    font-size: 24px;
}
.csm-l1left p{
    font-size: 12px;
}
.norow{
	padding-left: 15px;
}
table,th,tr,td{
	text-align: center;
}
.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.csm-inlineselect{
	width: 200px;
	display:inline;
}
.csm-refresh{
	padding-left: 5px;
}
.csm-inlinedate{
	width: 150px !important;
	display: inline-table;
}
#chart2title{
	display: inline-block;
}
.chart2line{
	display: inline-block;
	font-size: 13px !important;
}
</style>
<div class="container-fiuled">
	<div class="csm-refresh">
		当天数据统计截止：{$todaystat} <a href="javascript:window.location='{$baseurl}?isrefresh=1';">立即刷新</a>
	</div>
	<div class="panel panel-default">
		<div class="page-header header norow">
			<h4>注册人员统计</h4>
		</div>
		<div class="row">
			<div class="col-md-3 col-sm-12 csm-l1left">
				<h3>{$today->newregisteredus} 人</h3>
				<p>今日新增</p>
			</div>
			<div class="col-md-3 col-sm-12 csm-l1left">
				<h3>{$today->allregisteredus} 人</h3>
				<p>总注册数</p>
			</div>			
			<div class="col-md-6 col-sm-12">
				<table class="table">
					<tr>
						<th></th>
						<th>新增注册数</th>
						<th>总注册数</th>
						<th>日活（DAU）</th>
					</tr>
					<tr>
						<td>今日数据</td>
						<td>{$today.newregisteredus?$today.newregisteredus:'无数据'}</td>
						<td>{$today.allregisteredus?$today.allregisteredus:'无数据'}</td>
						<td>{$today.dau?($today.dau):'无数据'}%</td>
					</tr>
					<tr>
						<td>昨日数据</td>
						<td>{$yestoday.newregisteredus?$yestoday.newregisteredus:'无数据'}</td>
						<td>{$yestoday.allregisteredus?$yestoday.allregisteredus:'无数据'}</td>
						<td>{$yestoday.dau?($yestoday.dau):'无数据'}%</td>						
					</tr>					
				</table>
			</div>		
		</div>
	</div> 
 
	<div class="row" st>
		<span class='input-group date csm-inlinedate' id='datetimepicker1' >
			<input type='text' class="timeInput form-control"
				id="datetimepicker1_input" /> <span class="input-group-addon">
				<span class="glyphicon glyphicon-calendar"></span>
			</span>
		</span>	
		<span style="display: inline"> ~ </span>
		<span class='input-group date csm-inlinedate' id='datetimepicker2'>
			<input type='text' class="timeInput form-control"
				id="datetimepicker2_input" /> <span class="input-group-addon">
				<span class="glyphicon glyphicon-calendar"></span>
			</span>
		</span>		
		<span class='input-group date csm-inlinedate' id='datetimepicker2'>
			<input type='button' class="btn btn-default timeInput form-control" style="width: 50px;" id="dateconfirm" value="提交"/>  
		</span>				
	</div>
	<div class="row">
		<div class="col-md-6 panel panel-default">
			<div class="page-header header">
				<h4>趋势分析</h4>
			</div>
			<div>
				显示维度：
				<select class="form-control csm-inlineselect" id="chart1select">
					<option value="allregisteredus">总注册数</option>
					<option value="newregisteredus">新增注册</option>
					<option value="dau">日活(DAU)</option>
				</select>

			</div>
			<div id="chart1" style="width: 100%;height: 400px;"></div>
		</div>
		<div class="col-md-6 panel panel-default">
			<div class="page-header header">
				<h4 id='chart2title'>近期注册（实时）</h4>
				<span id="refreshchart2time" class="chart2line"></span>
				<a href='javascript:void' id='refreshchart2' class="chart2line">立即刷新</a>
			</div>	
			<div id="chart2" style="width: 100%;height: 422px;"></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12 panel panel-default"  style="height:1200px;">
			<div class="page-header header">
				<h4>用户分布</h4>
			</div>
			<div id="chart3" style="width: 100%;height: 800px;">
				<!-- <iframe id='iframechina' width="100%" height="1100px"  frameborder="yes" border="1" marginwidth="1" marginheight="0" scrolling="auto" allowtransparency="yes"/> -->
			</div>
		</div>
	</div>
<!-- 	<div class="row">
		<div class="col-md-12 panel panel-default">
			<div class="page-header header">
				<h4>用户分布</h4>
			</div>
			<div>
 				<select class="form-control csm-inlineselect" id="chart2select">
					<option value="all">按全部</option>
					<option value="isloginusern">按游客</option>
					<option value="isloginusery">按登录用户</option>
				</select>
 			</div>	
			<div id="chart3" style="width: 100%;height: 800px;"></div>
		</div>
	</div> -->
	<!-- <div class="row">
		<div class="col-md-6 panel panel-default">
			<div class="page-header header">
				<h4>TOP10 地区</h4>
			</div>
			<img  width="100%" height="400px"/>
		</div>			
		<div class="col-md-6 panel panel-default">
			<div class="page-header header">
				<h4>TOP10 地区</h4>
			</div>
			<div>
				排序：
				<select class="form-control csm-inlineselect">
					<option>按全部</option>
					<option>按游客</option>
					<option>按登录用户</option>
				</select>
			</div>	
			<div style="height: 400px;">
				<table class="table">
					<tr>
						<th></th>
						<th>游客</th>
						<th>占比</th>
						<th>登录用户</th>
						<th>占比</th>
						<th>总用户数</th>
						<th>占比</th>
					</tr>
					<tr>
						<td>广西</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>						
					</tr>
					<tr>
						<td>江西</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>
						<td>100</td>
						<td>20%</td>
					</tr>			
				</table>
			</div>
		</div>
	</div>	 -->
</div>	
